<template>
  <div id="app">
    <!-- <demo-one ref="xxx" /> -->
    <demo-two></demo-two>

    <!-- <slot-demo>
      哈哈哈
      <span>+++</span>

      <template v-slot:header>
        我是头部的信息
        <span>---</span>
      </template>

      <template #footer>
        我是尾部的信息
        <span>%%%</span>
      </template>
    </slot-demo> -->

    <slot-demo>
      <template v-slot="AA">
        <span>我是插槽信息</span>
        {{ AA }}
      </template>
    </slot-demo>
  </div>
</template>

<script>
import DemoOne from "./views/DemoOne.vue";
import SlotDemo from "./views/SlotDemo.vue";

export default {
  name: "App",
  components: {
    DemoOne,
    SlotDemo,
  },
};
</script>

<style lang="less">
</style>